<template>
  <div>
    <div>
      <div class="body_shade" style="display: none;"></div>
      <div class="load">
        <div id="wave" class="wave">
          <img src="@/assets/img/phoenix-loadinng.png" style="position: absolute;z-index: 2;width: 100%;left: 0;top: 0PX;">
        </div>
      </div>
      <div class="container-fluid container-jjzz">
        <div class="container">
          <div class="row">
            <div class="col-md-12 col-xs-12 right_jjzz">
              <div class="content_gsjj" id="gsjjTo">
                <h4>山东梧桐树软件有限公司</h4>
                <img src="@/assets/img/wtsjj1.png">
                <!-- <p> -->
                <p>山东梧桐树软件有限公司是一家提供B2B2C混业营销服务的高科技互联网公司。成立于2014年5月，主要为金融机构、电信运营商、保险机构、互联网平台、第三方支付公司、线下商户等提供线上线下互动营销综合解决方案。</p>
                <p>梧桐树自创立以来一直致力成为混业营销领域的领军企业，始终坚持发扬专业、进取、快乐、 分享的企业宗旨。公司拥有一支朝气蓬勃的团队，已与国内众多知名品牌企业建立了良好、稳固的合作关系，逐步形成强大的人才、技术和品牌优势。</p>
                <p>梧桐树专注于金融支付行业，坚持持续创新、开放合作的经营理念，在金融机构、政企行业、终端用户等领域构筑了丰富的解决方案，为金融机构客户、企事业客户和消费者提供有竞争力的金融支付解决方案、产品和服务。</p>
                <p>梧桐树助力推动互联网+战略，为医疗、旅游、政企等提供行业解决方案，实现了流畅的移动支付、高效的资金运转，智能化的平台管理，为行业商户和用户提供了便捷、安全、全面的服务产品。</p>
              </div>
              <div class="contnet_gszz" id="gszzTo">
                <h4>公司资质</h4>
                <div class="col-md-12 newZz">
                  <div v-for="item in abstractData.company.qualifications" :key="item.img" class="col-md-4"><img :src="item.img" />
                    <p>{{ item.description }}</p>
                  </div>
                </div>
                <div class="col-md-10 col-md-offset-1 newZzwz">
                  <div class="col-md-5 left_time col-xs-4">
                    <h4>2016年4月</h4>
                    <h4>2017年6月</h4>
                    <h4>2020年11月</h4>
                    <h4>2013年至今</h4>
                  </div>
                  <div class="col-md-2 gszzTo_yd col-xs-1"><img src="@/assets/img/timeline.png" /></div>
                  <div class="col-md-5 right_wzcontent col-xs-8">
                    <h4>与山东建筑大学成立产学研合作基地</h4>
                    <h4>与西安邮电大学成立校企合作实践基地</h4>
                    <h4>被评为济南市2020年度市场“专精特新”中小企业</h4>
                    <h4>共获得计算机软件著作权登记证书28个</h4>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>

    </div>
    <div class="container-fluid container-contact-map" style="margin-top: 40px;">
      <div class="container">
        <h4 class="lxwomen_h4">联系我们</h4>
        <div id="contact_ditu"></div>
        <div class="container container-contact">
          <div class="col-md-12 pc-contact">
            <div class="col-md-4">
              <img src="@/assets/img/address.png">
              <h4>山东济南黄金时代广场 F 座 26 层</h4>
            </div>
            <div class="col-md-4">
              <img src="@/assets/img/mail.png">
              <h4>sales@phoenix-tree.cn</h4>
            </div>
            <div class="col-md-4">
              <img src="@/assets/img/phone.png">
              <h4>0531-88796766</h4>
            </div>
          </div>
          <div class="col-xs-12 mob-contact">
            <div class="col-xs-12 mob-contact-address">山东济南黄金时代广场 F 座 26 层</div>
            <div class="col-xs-12">
              <a href="mailto:sales@phoenix-tree.cn" style="color: #333;">sales@phoenix-tree.cn</a>
              <a href="tel:0531-88796766" style="color: #333;">0531-88796766</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<script setup lang='ts'>
import { ref, reactive, onMounted } from 'vue'
import abstractData from '@/assets/json/abstract.json';
onMounted(() => {
  //load动画
  $('.load').fadeOut(1000)
  $('.navbar').addClass('active')
  //pc端
  var map1 = new BMap.Map('contact_ditu')
  var point1 = new BMap.Point(117.11933, 36.66879)
  map1.centerAndZoom(point1, 16)

  var myIcon = new BMap.Icon('/src/assets/img/mark.png', new BMap.Size(50, 50), {
    imageSize: new BMap.Size(50, 50) // 设置图片偏移
  })

  // 创建标注对象并添加到地图
  var marker1 = new BMap.Marker(new BMap.Point(117.11933, 36.66879), {
    icon: myIcon
  })
  map1.addOverlay(marker1)
  var top_left_control = new BMap.ScaleControl({
    anchor: BMAP_ANCHOR_TOP_LEFT
  }) // 左上角，添加比例尺
  var top_left_navigation1 = new BMap.NavigationControl() //左上角，添加默认缩放平移控件
  var top_left_navigation2 = new BMap.NavigationControl() //左上角，添加默认缩放平移控件
  var top_right_navigation = new BMap.NavigationControl({
    type: BMAP_NAVIGATION_CONTROL_ZOOM
  })
})
</script>

<style scoped>
@import '/oldwl/abstract.css';
@import '/oldwl/contact.css';
</style>